<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../public.css">
		<link rel="stylesheet" href="./统计分析.css">
	</head>
	<body>
		<header>
			<nav>
				<div class="logo">
					<span>客户资源信息</span>管理后台
				</div>
				<ul class="management">
					<li><span>&#xe661;</span>权限管理</li>
					<li><span>&#xe659;</span>用户列表</li>
					<li><span>&#xe68d;</span>系统日志</li>
				</ul>
				<ul class="management">
					<li><span class="ponum">&#xe65f;</span>在线人数</li>
					<li class="msgbtn">
						<span class="message">&#xe650;</span>系统消息
						<div class="newmsg" id="newmsg">
							<div><span>最新消息</span><span class="down">&#xe600;</span></div>
							<ul>
								<li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
								<li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
							</ul>
						</div>
					</li>
					<li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
				</ul>
			</nav>
		</header>
		<div class="bigbox">
			<div class="sidebar">
				<ul>
					<li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
					<li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
					<li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
					<li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
					<li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
					<li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
					<li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
					<li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
					<li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
					<li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
				</ul>
			</div>
			<div class="box-right">
				<div class="rig-con">
					<div style="width:100%;">
						<div class="xcontent">
							<h3 class="h4">统计分析数据</h3>
							<div class="div1">
								<ul>
									<li>业务数据</li>
									<li>产品销售数据</li>
									<li>销售执行力</li>
									<li>销售业绩</li>
									<li>销售形势预测</li>
								</ul>
							</div>
							<div class="div2">
								<p class="tou"><span>业务数据统计</span> <select>
										<option value="去年">去年</option>
										<option value="全部">全部</option>
										<option value="本月 ">本月</option>
										<option value="上月">上月</option>
										<option value="今年">今年</option>
										<option value="自定义">自定义</option>
									</select> <span style="font-size: 12px;float: right">注:<span
											class="sp1">数量单位为个</span></span></p>
								<div id="main" style="width:80%;height:400px;margin: 0 auto"></div>
								<section>
									<table cellpadding="0" border="1">
										<tr>
											<th>月份</th>
											<th>机构数量</th>
											<th>商机数量</th>
											<th>合同数量</th>
											<th>日志数量</th>
											<th>任务数量</th>
										</tr>
										<tr>
											<td>9</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
										</tr>
										<tr>
											<td>8</td>
											<td>300</td>
											<td>300</td>
											<td>300</td>
											<td>300</td>
											<td>300</td>
										</tr>
										<tr>
											<td>7</td>
											<td>140</td>
											<td>140</td>
											<td>140</td>
											<td>140</td>
											<td>140</td>
										</tr>
										<tr>
											<td>6</td>
											<td>350</td>
											<td>350</td>
											<td>350</td>
											<td>350</td>
											<td>350</td>
										</tr>
										<tr>
											<td>5</td>
											<td>500</td>
											<td>500</td>
											<td>500</td>
											<td>500</td>
											<td>500</td>
										</tr>
										<tr>
											<td>4</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
										</tr>
										<tr>
											<td>3</td>
											<td>250</td>
											<td>250</td>
											<td>250</td>
											<td>250</td>
											<td>250</td>
										</tr>
										<tr>
											<td>2</td>
											<td>430</td>
											<td>430</td>
											<td>430</td>
											<td>430</td>
											<td>430</td>
										</tr>
										<tr>
											<td>1</td>
											<td>539</td>
											<td>355</td>
											<td>655</td>
											<td>655</td>
											<td>232</td>
										</tr>
									</table>
								</section>
							</div>
							<!-- 第二个图表 -->
							<div class="div2" style="display: none;">
								<p class="tou"><span>产品销售数据统计</span> <select>
										<option value="去年">去年</option>
										<option value="全部">全部</option>
										<option value="本月 ">本月</option>
										<option value="上月">上月</option>
										<option value="今年">今年</option>
										<option value="自定义">自定义</option>
									</select> <span style="font-size: 12px;float: right">注:<span
											class="sp1">数量单位为个</span></span></p>
								<div id="main1" style="width:80%;height:400px;margin: 0 auto"></div>
								<section>
									<table cellpadding="0" border="1">
										<tr>
											<th>月份</th>
											<th>机构数量</th>
											<th>商机数量</th>
											<th>合同数量</th>
											<th>日志数量</th>
											<th>任务数量</th>
										</tr>
										<tr>
											<td>9</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
										</tr>
										<tr>
											<td>8</td>
											<td>300</td>
											<td>300</td>
											<td>300</td>
											<td>300</td>
											<td>300</td>
										</tr>
										<tr>
											<td>7</td>
											<td>140</td>
											<td>140</td>
											<td>140</td>
											<td>140</td>
											<td>140</td>
										</tr>
										<tr>
											<td>6</td>
											<td>350</td>
											<td>350</td>
											<td>350</td>
											<td>350</td>
											<td>350</td>
										</tr>
										<tr>
											<td>5</td>
											<td>500</td>
											<td>500</td>
											<td>500</td>
											<td>500</td>
											<td>500</td>
										</tr>
										<tr>
											<td>4</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
											<td>200</td>
										</tr>
										<tr>
											<td>3</td>
											<td>250</td>
											<td>250</td>
											<td>250</td>
											<td>250</td>
											<td>250</td>
										</tr>
										<tr>
											<td>2</td>
											<td>430</td>
											<td>430</td>
											<td>430</td>
											<td>430</td>
											<td>430</td>
										</tr>
										<tr>
											<td>1</td>
											<td>539</td>
											<td>355</td>
											<td>655</td>
											<td>655</td>
											<td>232</td>
										</tr>
									</table>
								</section>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.0/dist/echarts.min.js"></script>
	<script src="./统计分析.js"></script>
</html>
